import {createRouter,createWebHistory} from "vue-router";

import Props from "@/pages/props/Father.vue"
import CostomEvent from "@/pages/costom-event/Father.vue"
import Mitt from "@/pages/mitt/Father.vue"
import vModel from "@/pages/v-model/Father.vue"
import Attrs from "@/pages/_attrs/Father.vue"
import RefsParensts from "@/pages/$refs-$parents/Father.vue"
import provideInject from "@/pages/provide-inject/Father.vue"
import Slot from "@/pages/slot/Father.vue"
import Slot1 from "@/pages/slot1/Father.vue"

const router = createRouter({
    history : createWebHistory(),
    routes : [
        {
            path : '/props',
            component : Props
        },
        {
            path : '/costom-event',
            component : CostomEvent
        },
        {
            path : '/mitt',
            component : Mitt
        },
        {
            path : '/v-model',
            component : vModel
        },
        {
            path : '/_attrs',
            component : Attrs
        },
        {
            path : '/refs-parents',
            component : RefsParensts
        },
        {
            path : '/provide-inject',
            component : provideInject
        },
        {
            path : '/slot',
            component : Slot
        },
        {
            path : '/slot1',
            component : Slot1
        },
        {
            path : '/',
            redirect : '/props'
        }
    ]
})
export default router